<template>
<div class="addedItemSelf">
  <div class="item" v-for="(item,key) in 5" :key="key">
    <div class="subItem">
      <div class="img_box">
        <image :src="src+'1.png'"></image>
      </div>
      <div class="label">应用场景</div>
      <div class="content">生日</div>
    </div>
    <div class="subItem">
      <div class="img_box">
        <image :src="src+'2.png'"></image>
      </div>
      <div class="label">价格范围</div>
      <div class="content">600—2000</div>
    </div>
    <div class="subItem">
      <div class="img_box">
        <image :src="src+'3.png'"></image>
      </div>
      <div class="label">定制品牌</div>
      <div class="content">茅台</div>
    </div>
    <div class="subItem">
      <div class="img_box">
        <image :src="src+'4.png'"></image>
      </div>
      <div class="label">定制要求</div>
      <div class="content">有蛋糕元素</div>
    </div>
    <div class="subItem">
      <div class="img_box">
        <image :src="src+'5.png'"></image>
      </div>
      <div class="label">定制数量</div>
      <div class="content">100瓶</div>
    </div>
    <div class="subItem">
      <div class="img_box">
        <image :src="src+'6.png'"></image>
      </div>
      <div class="label">联系人</div>
      <div class="content">莉莉</div>
    </div>
    <div class="subItem">
      <div class="img_box">
        <image :src="src+'7.png'"></image>
      </div>
      <div class="label">联系手机号</div>
      <div class="content">18522298070</div>
    </div>
    <div class="subItem">
      <div class="img_box">
        <image :src="src+'8.png'"></image>
      </div>
      <div class="label">预约日期</div>
      <div class="content">2022.01.01</div>
    </div>
  </div>
</div>
</template>

<script>
export default {
  data() {
    return {
      list: [

      ],
      src:'https://jmt-oss.oss-cn-beijing.aliyuncs.com/img/custom_made/addedItemSelf/icon'
    }
  }
}
</script>

<style lang="scss" scoped>
.addedItemSelf {
  .item {
    background: #fff;
    padding: 40rpx 30rpx;
    border-radius: 20rpx;
    margin-bottom: 30rpx;

    .subItem {
      display: flex;
      margin-bottom: 30rpx;
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 28rpx;
      color: #333333;

      .img_box {
        width: 28rpx;
        height: 28rpx;
        margin-right: 10rpx;

        image {
          width: 100%;
          height: 100%;
        }
      }

      .label {
        width: 150rpx;
        margin-right: 10rpx;
      }
    }
  }
}
</style>
